var reply_editor = `<div class="reply_editor">
                                <div id="reply_toolbar" class="toolbar">
                                </div>
                                <div id="reply_text" class="reply_text">
                                </div>
                            </div>`;


//解析回复模板
var reply_render = template.compile(reply_editor);
var reply_html = reply_render();
var E = window.wangEditor;
var editor = new E('#editor_toolbar', '#editor_text'); // 两个参数也可以传入 elem 对象，class 选择器
var reply_editor = new E('#reply_toolbar', '#reply_text');

// 富文本编辑器表情管理
const toot = [];
const cute = [];
const mushroom = [];

getImg(toot,"toot",16);
getImg(cute,'cute',8);
getImg(mushroom,'mushroom',15);

function getImg(arr,name,max) {
    if (max < 10){
        for(let i = 1; i< max; i++){
            arr.push({alt:"0"+i,src:"http://www.supert.net.cn/emoticon/"+name+"/0"+i+".gif"});
        }
    }else {
        let plus = max - 10;
        for(let i = 1; i < 10; i++){
            arr.push({alt:"0"+i,src:"http://www.supert.net.cn/emoticon/"+name+"/0"+i+".gif"});
        }
        for (let j = 0; j <= plus; j++){
            arr.push({alt:"1"+j,src:"http://www.supert.net.cn/emoticon/"+name+"/1"+j+".gif"});
        }
    }
}

// 自定义菜单配置
reply_editor.customConfig.menus = [
    'bold',  // 粗体
    'fontName',  // 字体
    'italic',  // 斜体
    'underline',  // 下划线
    'strikeThrough',  // 删除线
    'foreColor',  // 文字颜色
    'backColor',  // 背景颜色
    'link',  // 插入链接
    'justify',  // 对齐方式
    'emoticon',  // 表情
    'code',  // 插入代码
];
reply_editor.customConfig.emotions = [
    {
        title: '默认',
        type: 'image',
        content: toot
    },
    {
        title: '蒙嘟嘟',
        type: 'image',
        content: toot
    },
    {
        title: '乖巧宝宝',
        type: 'image',
        content: cute
    },
    {
        title: '骚气蘑菇头',
        type: 'image',
        content: mushroom
    }
];

// 获取回复按钮
function reply(obj){
    let replyText = $(obj).text();
    if (replyText == "回复"){
        $(obj).text("取消回复");
        let reply_num = $('.reply_editor').length;
        if (reply_num != 0){
            $('.reply_editor').parent().prev().children().find("span[name='reply']").text("回复");
            $('.reply_editor').parent().html("");
        }
        $(obj).parent().parent().next().html(reply_html);
        reply_editor.create();
    }else if (replyText == "取消回复") {
        $(obj).text("回复");
        $(obj).parent().parent().next().html("");
    }
}


$(function () {

    // 自定义菜单配置
    editor.customConfig.menus = [
        'bold',  // 粗体
        'fontName',  // 字体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'justify',  // 对齐方式
        'emoticon',  // 表情
        'code',  // 插入代码
    ];
    editor.customConfig.emotions = [
        {
            title: '默认',
            type: 'image',
            content: toot
        },
        {
            title: '蒙嘟嘟',
            type: 'image',
            content: toot
        },
        {
            title: '乖巧宝宝',
            type: 'image',
            content: cute
        },
        {
            title: '骚气蘑菇头',
            type: 'image',
            content: mushroom
        }
    ];
    editor.create();
});

